﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
      <title>@ViewBag.Title-TaskBunny</title>
        
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link href="~/Content/css/fonts-min.css" rel="stylesheet" type="text/css" />
<link href="~/Content/css/reset-min.css" rel="stylesheet" type="text/css" />
<link href="~/Content/css/styles.css" rel="stylesheet" type="text/css" />
<link href="~/Content/css/bootstrap-3.1.1-dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="~/Content/css/bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="~/Content/jquery/jquery-1.11.0.min.js"></script>
    </head>
    <body>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="~/Content/bootstraps/bootstrap-3.1.1-dist/js/bootstrap.js"></script>
    <script src="~/Content/css/bootstrap-3.1.1-dist/js/bootstrap.min.js"> </script>
 <script>

     $(function () {
         $("#example").popover();
     });
     $(function () {
         $('#tip').tooltip();
     });
     $('#btn').click(function () {
         $('#welcomeDiv').toggle();
     });
     </script>
        <script type="text/javascript">
     $(function showDiv() {
        $document.getElementById('#welcomeDiv').style.display ="#block";
     });
</script>

        <div id="wrapper">
	<div id="header">
    <div id="first" style="height:60px;">
    	<div id="logo">
        <img src="~/Content/photoshop images/logo.png" id="logoimg" />
        </div>
        <div id="username"><img src="~/Content/images/1392690628_user_male2.png" style="width:27px;height:27px;float:left;"/>
            <a ><section id="loginn">@Html.Partial("_LoginPartial") </section></a></div>
     </div>
     <div id="second">   
        <div id="Compose"><button  id="btn" type="button" onclick="showDiv()" name="answer" value="Show Div">Compose a task</button></div>
        <div id="timeline" > <button type="button" > View my timeline</button>  </div>
        
        </div>
    </div>
 <div>   
    <div id="menu" >
    	<div id="search">
    <form class="navbar-form navbar-left" role="search">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Search">
  </div>
  <button type="submit" class="btn btn-default"  ><img src="~/Content/images/1392691070_magnifier.png" style="height:20px;width:20px;"/></button>
</form>
         </div><br/>
		<!--<div class="heading">
        	<div class="groups">Groups </div>
        	<div class="addbutton"><button type="button" ><img src="images/1392781029_Add.png" style="height:15px;width:15px; float:right;"/></button>
               </div>-->
           

               <div class="panel-group" id="accordion">
  <div class="panel panel-default">
    <div class="panel-heading" >
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
          Groups
        </a>
      </h4>
      </div>
      <div class="addbutton" ><button type="button" ><img src="~/Content/images/1392781029_Add.png" style="height:15px;width:15px; float:right;"/></button>
               </div>
    
    <div id="collapseOne" class="panel-collapse collapse in">
      <div class="panel-body">
        Move-IT
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
          Contacts
        </a>
      </h4>
    </div>
    <div class="addbutton" ><button type="button" ><img src="~/Content/images/1392781029_Add.png" style="height:15px;width:15px; float:right;"/></button>
               </div>
    <div id="collapseTwo" class="panel-collapse collapse">
      <div class="panel-body">
        Rania_magdy
      </div>
    </div>
  </div>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
          Projects
        </a>
      </h4>
    </div>
    <div class="addbutton" ><button type="button" ><img src="~/Content/images/1392781029_Add.png" style="height:15px;width:15px; float:right;"/></button>
               </div>
    <div id="collapseThree" class="panel-collapse collapse">
      <div class="panel-body">
        TaskBunny
      </div>
    </div>
  </div>
</div>
    </div>
    </div>
   

    <div id="mainpage">
    <ul class="nav nav-tabs">
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Move-IT</a></li>
  <li><a href="#">Events</a></li>
</ul>
  </div>
        <div id="tables">
            @RenderSection("featured", required: false)
            <section >
                @RenderBody()
            </section>
        </div>
        <footer>
            
            </footer>

       
            </div>
       
    </body>
</html>
